﻿
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}

.news-list-logo 
{
    max-height:120px;
}
.job-list > li > a
{
    display:inline-block;
    width:100%;
}
.job-list > li > a > span
{
    float:right;
    margin-right:10px;
    font-size:1em;
    display:inline-block;
}
ul.normalFontSize 
{
    font-size:1.1em;
}
.titleList > li > a > b
{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    font-weight:normal;
    display:inline-block;
    max-width:320px;
}
.mr-10{
	margin-right:10px;
}
.ml-10{
	margin-left:10px;
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */

/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
@media (max-width: 979px) {
  /* Navbar Collapsed (mobile) */
}
@media (min-width: 980px) {
  /* Navbar Expanded (desktop) */
}
@media (min-width: 1200px) {
  /* Responsive: Large desktop and up (wide) */
}
@media (max-width: 979px) {
  /* Responsive: Mobile to desktop (common for all narrow devices) */
}
@media (min-width: 768px) and (max-width: 979px) {
  /* Responsive: Tablet to desktop (normal) */
}
@media (max-width: 767px) {
  /* Responsive: Landscape phone to desktop/tablet (narrow) */
}
@media (max-width: 480px) {
  /* Responsive: Up to Landscape phone (mobile) */
}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */